﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>获取复选框的选择项</title>
    <script type="text/javascript"> 
        function  mySelect(){
            let i = 0;
            let j = 0;
            let selectObj = document.getElementsByName("love");
            
            for(i = 0;i<selectObj.length;i++){
             if(selectObj[i].checked){
                 j = 1;
                 break;
             }   
            }
            if(j != 1){
                alert("至少选择一种爱好");
                return false;
            }
            // 显示所选择的第一项的内容
            alert(selectObj[i].value);
        }
    </script>
</head>
<body>
<form name="form1">
    <input type="checkbox" name="love" value="旅游" >旅游
    <input type="checkbox" name="love" value="体育" >体育<br/>
    <input type="checkbox" name="love" value="购物" >购物
    <input type="checkbox" name="love" value="影视" >影视
    <input type="checkbox" name="love" value="音乐" >音乐
    <input type="button" value="我的选择" onclick="mySelect()">
</form>
</body>
</html>